<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>初始Vue</title>
    <script src="../js/vue.js"></script>
   <!-- 1.el和data的两种写法 -->
</head>

<body>
    <div id="demo">
        <h1>hello,{{name}}</h1>
        <a v-bind:href="url">尚硅谷</a>

    </div>
    <script>
        Vue.config.productionTip = false
        const VM = new Vue({
            //  el和data  第一种写法
        //     el: '#demo',
        //     data: {
        //         name: '尚硅谷',
        //         url: 'http://www.atguigu.com'
        //     }

        // })
        // 第二种写发
        data: function() {
            return {
                name: '尚硅谷',
                url: 'http://www.atguigu.com'
            }
        }
    }).$mount('#demo')
    </script>
</body>

</html>